@charset "UTF-8";

.serve{width: 7.5rem;margin:0 auto 1.7rem;}
.serve .block{margin-top:.54rem;margin-bottom: .5rem;}
.serve .pet a{border-bottom:.01rem solid #cfcece;margin-top:.3rem;height: .85rem;display: inline-block;width: 4.5rem;}
.serve .pet i{width: .85rem;height: .85rem;color: #fff;display: block;text-align: center;line-height: .85rem;border-radius: 50%;margin-right: .14rem;font-size:.42rem;margin-left:.25rem;}
.serve .pet:nth-child(1) .fol i{background-color: #5b5fff;}
.serve .pet:nth-child(2) .fol i{background-color: #fe2d63;}
.serve .pet:nth-child(3) .fol i{background-color: #ff343e;}
.serve .pet:nth-child(4) .fol i{background-color: #fde03e;}
.serve .pet:nth-child(5) .fol i{background-color: #ff7be5;}
.serve .pet:nth-child(6) .fol i{background-color: #ff4848;}
.serve .pet:nth-child(7) .fol i{background-color: #ff5224;}
.serve .pet:nth-child(8) .fol i{background-color: #ff7b7b;}
.serve .fol{float: left;}
.serve .rol .online{font-size: .25rem;color: #333;}
.serve .rol .onlines{font-size: .22rem;color: #9b9b9b}
/*.nav ul li a{display: inline-block;width: .7rem;height: 1.1rem;}*/
